<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>资源</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/resource.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1846855_wavf0se3ggc.css"/>
	</head>
	<body>
		<input type="checkbox" id="login"/>
		<input type="checkbox" id="search"/>
		<div class="web">
			<!-- 头部 -->
			<header>
				<label for="login">
					<div class="left_logo">
						<i class="iconfont icon-fenlei"></i>
					</div>
				</label>
				<div class="middle_logo">
					<img src="img/logo.png" >
				</div>
				<label for="search">
					<div class="search_logo">
						<i class="iconfont icon-sousuo"></i>
					</div>
				</label>
			</header>
			<!-- 中间内容 -->
			<section>
				<div class="swiper">
					<img src="img/swiper_03.jpg" alt="">
					<div class="mask">
						<div class="title">
							<p class="title_1">线下媒体资源</p>
							<p class="title_2">饿了么线下媒体资源</p>
						</div>
						<div class="date">
							<p>2016年5月26日</p>
							<i class="iconfont icon-yanjing">560</i>
						</div>
					</div>
				</div>
				<div class="main">
					<div class="m_list">
						<a href="resource_02.html">
							<div class="list_img">
								<img src="img/article_22.jpg" alt="">
							</div>
							<div class="list_content">
								<div class="list_title">
									<p class="title_1">腾讯视频</p>
									<p class="title_2">腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试欢迎尝试欢迎尝试</p>
								</div>
								<div class="list_date">
									<p>2015-9-3</p>
									<i class="iconfont icon-yanjing">250</i>
								</div>
							</div>
						</a>
					</div>
					<div class="m_list">
						<a href="resource_02.html">
							<div class="list_img">
								<img src="img/article_22.jpg" alt="">
							</div>
							<div class="list_content">
								<div class="list_title">
									<p class="title_1">腾讯视频</p>
									<p class="title_2">腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试欢迎尝试欢迎尝试</p>
								</div>
								<div class="list_date">
									<p>2015-9-3</p>
									<i class="iconfont icon-yanjing">250</i>
								</div>
							</div>
						</a>
					</div>
					<div class="m_list">
						<a href="resource_02.html">
							<div class="list_img">
								<img src="img/article_22.jpg" alt="">
							</div>
							<div class="list_content">
								<div class="list_title">
									<p class="title_1">腾讯视频</p>
									<p class="title_2">腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试欢迎尝试欢迎尝试</p>
								</div>
								<div class="list_date">
									<p>2015-9-3</p>
									<i class="iconfont icon-yanjing">250</i>
								</div>
							</div>
						</a>
					</div>
				</div>
				<div class="more">
					加载更多
				</div>
			</section>
			<!-- 底部 -->
			<footer>
				<ul>
					<li>
						<a href="index.html">
							<i class="iconfont icon-shouye"></i>
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="gimc.html">
							<i class="iconfont icon-iconfont31"></i>
							<p>GIMC</p>
						</a>
					</li>
					<li>
						<a href="article.html">
							<i class="iconfont icon-bi"></i>
							<p>文章</p>
						</a>
					</li>
					<li class="active">
						<a href="resource.html">
							<i class="iconfont icon-ziyuan"></i>
							<p>资源</p>
						</a>
					</li>
					<li>
						<a href="college.html">
							<i class="iconfont icon-maozi"></i>
							<p>学院</p>
						</a>
					</li>
				</ul>
			</footer>
		</div>
		<!-- 登录 -->
		<div class="login_box">
			<div class="l_top">
				<label for="login">
					<div class="close">
						<i class="iconfont icon-guanbi"></i>
					</div>
				</label>
				<div class="l_search">
					<input type="text" placeholder="Search">
					<i class="iconfont icon-sousuo"></i>
				</div>
			</div>
			<div class="l_content">
				<img src="img/mx-nologin.png" alt="">
				<a href="#">立即登录</a>
				<a href="#">忘记密码</a>
			</div>
			<div class="bottom_line"></div>
			<ul class="list">
				<li>GIMC</li>
				<li>文章</li>
				<li>资源</li>
				<li>课程</li>
			</ul>
		</div>
		<!-- 搜索 -->
		<div class="search_box">
			<div class="s_header">
				<div class="s_search">
					<i class="iconfont icon-sousuo"></i>
					<input type="text" placeholder="Search">
				</div>
				<label for="search">
					<p>取消</p>
				</label>
			</div>
			<div class="hot">
				<h4>热搜</h4>
				<ul>
					<li>项目管理</li>
					<li>移动互联网</li>
					<li>O2O联转化</li>
					<li>O2O</li>
					<li>媒介平台</li>
					<li>细分平台业务</li>
					<li>项目管理</li>
					<li>移动互联</li>
					<li>O2O联转化</li>
				</ul>
			</div>
		</div>
		
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
